
  
  .title{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  
  .custcontent{
    text-align: center;
    margin-top: 40px;
  
  }
  
  
  .dilong{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #000;
    opacity: 0.4;
    z-index: 2
  }
  .bigimg{
    margin: -24px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,0%);
    width: 900px;
    height: 600px;
    background: #fff;
    z-index: 3
  }
  .bigimg p i{
    cursor: pointer
  }
  .close{
    position:absolute;
    top: 20px;
    right: 20px;
    z-index: 66;
  }
  .left{
    position: absolute;
    top: 50%;
    left:4%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .right{
    position: absolute;
    top: 50%;
    left: 96%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .rotateright{
    position: absolute;
    top: 95%;
    left: 40%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .rotateleft{
    position: absolute;
    top: 95%;
    left: 30%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .download{
    position: absolute;
    top: 95%;
    left: 70%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .showbig{
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .showmin{
    position: absolute;
    top: 95%;
    left: 60%;
    transform: translate(-50% ,-50%);
    z-index: 66;
  }
  .imgstyle{
    padding: 70px;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(0% ,0%) rotate(0deg) scale(1,1);
    z-index: 6
  }
  